<!DOCTYPE html>
<hmml lang="en">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<div class="header">
			<div class="icon">
				<a href="#">
					<img class="site-pic" src="icons/site-pic.png" alt="">新世界
				</a>
			</div>
			<div class="menu">
				<div class="menu-item"><a href="#">首页</a></div>
				<div class="menu-item"><a href="#">最新活动</a></div>
				<div class="menu-item"><a href="#">项目介绍</a></div>
				<div class="menu-item"><a href="#">爱心社区</a></div>
				<div class="menu-item"><a href="#">关于我们</a></div>
				<div class="login">
					<a href="#">
						<img class="login-icon" src="icons/login-icon.jpg" alt="">登录
					</a>
				</div>
			</div>
		</div>

		<div class="body">
			<div class="part-one">
				<div>
					<h1>Time of new life</h1>
					<p>新时代 , 年轻的人们让我们一起<br>
					体验新生活 , 享受新生活</p>
					<a href="#part-two">开始体验</a>
				</div>
			</div>

			<div class="part-two" id="part-two">
				<div class="icon-list">
					<div class="icon-item">
						<img src="icons/icon-1.jpg" alt="">
					</div>
					<div class="icon-item">
						<img src="icons/icon-2.jpg" alt="">
					</div>
					<div class="icon-item">
						<img src="icons/icon-3.jpg" alt="">
					</div>
					<div class="icon-item">
						<img src="icons/icon-4.jpg" alt="">
					</div>
				</div>

				<div class="info-list">
					<div class="info-item">
						打造全新世界观, 让你更<br>爱你的生活
					</div>
					<div class="info-item">
						丰富多彩的公益活动, 发<br>挥新世界的主人公意识
					</div>
					<div class="info-item">
						欣赏的新理念, 超前体验<br>未知的生活
					</div>
					<div class="info-item last-item">
						完善的培养机制, 培养你<br>全新的世界观
					</div>
				</div>
			</div>

			<div class="part-three">
				<div class="icon">
					<img src="icons/site-pic2.png" alt="">
				</div>
				<div class="content">
					<p>关于新世界，你不知道的还有什么？</p>
				</div>
			</div>

			<div class="part-four">
				<div class="origin">
					<div class="title">
						<h1>查找新世界城市活动信息</h1>
						<span></span>
						<p>每个城市的有不同的活动信息，请自主查询您所需要了解的城市</p>
					</div>

					<div class="frames">
						<div class="frame-item">
							<select name="country">
								<option value="China">中国</option>
								<option value="America">美国</option>
								<option value="French">法国</option>
							</select>
						</div>
						<div class="frame-item">
							<select name="province">
								<option value="beijing">北京</option>
								<option value="shanghai">上海</option>
								<option value="guangdong">广东</option>
							</select>
						</div>
						<div class="frame-item">
							<select name="city">
								<option value="beijing">北京</option>
								<option value="shanghai">上海</option>
								<option value="guangzhou">广州</option>
							</select>
						</div>
						<div class="frame-item"><input class="btn" type="button" value="搜      索"></div>
					</div>
				</div>

				<div class="shade"></div>
			</div>

			<div class="part-five">
				<div class="container">
					<div class="activity">
						<div class="pic">
							<img src="imgs/activity1.jpg" alt="">
						</div>
						<p>
							<h1>北京活动</h1>
							<span>
								新社区大联盟
							</span>
						</p>
					</div>
					<div class="activity">
						<p>
							<h1 class="shanghai">上海活动</h1>
							<span>
								夜上海新景观探索
							</span>
						</p>
						<div class="pic">
							<img src="imgs/activity2.jpg" alt="">
						</div>
					</div>
					<div class="activity">
						<div class="pic">
							<img src="imgs/activity3.jpg" alt="">
						</div>
						<p>
							<h1>深圳活动</h1>
							<span>
								全新海岸线观点站
							</span>
						</p>
					</div>
					<div class="activity last">
						<div class="pic">
							<img src="imgs/activity4.jpg" alt="">
						</div>
						<p>
							<h1>香港活动</h1>
							<span>
								奢侈消费大派送
							</span>
						</p>
					</div>
				</div>
			</div>

			<div class="part-six">
				<div class="left">
					<div class="info">
						<div class="title">
							<span class="title-1">新世界</span>
							<span class="title-2">time</span>
						</div>
						<div class="add">
							<span>@新世界 - 北京<br></span>
							<span>2018.01.29</span>
						</div>
					</div>
					<div class="triangle"></div>
				</div>
				<div class="right">
					<div class="content">
						<h1>新世界 / <span class="color">01</span></h1>
						<p>新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界新世界是个新世界</p>
						<input type="button" value="更多详情">
						<div class="dots">
							<div class="active"></div>
							<div></div>
							<div></div>
						</div>
					</div>
				</div>
			</div>

			<div class="part-seven">
				<div class="left">
					<div class="para">
						<p>新时代</p>
						<p>关于爱生活的我们</p>
						<span class="line"></span><br>
						<input type="button" value="查看更多">
					</div>
				</div>
				<div class="middle">
					<div class="para">
						<p>新时代</p>
						<p>关于爱生活的我们</p>
						<span class="line"></span><br>
						<input type="button" value="查看更多">
					</div>
				</div>
				<div class="right"></div>
			</div>

			<div class="part-eight">
				<div class="info">
					<div class="para">
						<p class="title">成为我们的志愿者</p>
						<span></span>
						<p>新世界的大家庭需要每一个爱生活的人的加入，如果你够年轻，有梦想，有激情<br>那就不要犹豫，快来加入我们，成为改变所有人生活的人</p>
						</div>
				</div>
				<div class="form">
					<div class="left">
						<div class="para">
							<p class="title">新世界志愿者协议</p>
							<p>加入新世界志愿者的人员必须遵守中华人民共共和国的相关法律法规，并且本着平等资源的原则 ......</p>
							<span>∨ more</span>
						</div>
						<div class="para">
							<p class="title">新世界志愿者权利</p>
							<p>新世界志愿者享受新世界内部所有资源共享的权利，并且享受所在四新世界活动的优先参与资格</p>
							<span>∨ more</span>
						</div>
						<div class="para">
							<p class="title">更多条款</p>
							<span>∨ more</span>
						</div>
					</div>
					<div class="right">
						<table>
							<tr>
								<td><input type="text" placeholder="姓名："></td>
								<td><input type="text" placeholder="年龄："></td>
							</tr>
							<tr>
								<td><input type="text" placeholder="联系方式："></td>
								<td><input type="text" placeholder="联系地址："></td>
							</tr>
							<tr class="text">
								<td colspan="2">
									<textarea name="" id="" cols="30" rows="5" placeholder="请简单描述您梦想的生活："></textarea>
								</td>
							</tr>
							<tr class="btn">
								<td colspan="2"><input type="button" value="提交申请"></td>
							</tr>
						</table>
					</div>
				</div>
			</div>

			<div class="part-nine">
				<div class="container">
					<div class="content">
						<p class="title">联系我们</p>
						<p>为了更好的获取我们最新的产品咨询, 您可以留下您的电子邮箱快速订阅我们的产品咨询<br>也可以通过以下任何方式关注我们动态</p>
					</div>
					<div class="email">
						<input type="input" placeholder="someone@email.com">
						<input type="button" value="提&nbsp;&nbsp;交">
					</div>
					<div class="icon">
						<img src="icons/qq.gif" alt="">
						<img src="icons/weibo.gif" alt="">
						<img src="icons/twitter.gif" alt="">
						<img src="icons/global.gif" alt="">
					</div>
				</div>
			</div>

		</div>
			
		<div class="footer">
			<p class="copyright">&copy;2016新世界</p>
			<p class="return"><span>back</span> to top</p>
		</div>
	</body>
</hmml>